﻿<html>
	<head>
		 <link href="../daList/daList.css" rel="stylesheet" />
		 
		 <script src="../da/da_source_1.3.5.js" ></script>
		 <script src="../daKey/daKey_source.js" ></script>
		 <script src="../daDrag/daDrag_source.js" ></script>
		 <script src="../daWheel/daWheel_source.js" ></script>
		 <script src="../daFx/daFx_source.js" ></script>
		 <script src="../daFx/daGif_source.js" ></script>
		 <link href="../daFrame/daFrame.css" rel="stylesheet" />
		 <script src="../daFrame/daFrame_source.js" ></script>
		 <link href="../daList/daList.css" rel="stylesheet" />
		 <script src="../daList/daList_source.js" ></script>
		 
		 <link href="daInput.css" rel="stylesheet" />
		 <script src="daInput_source.js" ></script>
		 <script>
		 	
		 	da(function(){
			 	daInput({
					parent: "#ptd2",
					className: "editLine",
					icon: "dialog",
					click: function(){
						alert("click");
					},
					
					dblclick: function(){
						alert("dblclick");
					},
					
//					change: function(){
//						alert("change:"+this.value);
//					},
					
					keyup: function( key, isCtrl, isAlt, isShift ){
						if( "Enter" === key )
							alert( [ "keyup:", key, this.value ] )
					}
			 	});
			 	
				daInput({
					parent: "#ptd0",
					icon: "list",
					source: '{ 小小兵:"", 小兵:"", 大兵:"", 炊事员:"", 军长:"", 大校:"", 中校:"", 中士:"", 下士:"" }'
				});
				
				daInput({
					parent: "#ptd0",
					width: "200px",
					height: "150px",
					isTextarea: true
				});
		 	});
		 	
		 	function myFun( obj ){
		 			debugger;
		 	}
		 </script>
	</head>	
	
	<body>
		<h3>daInput多功能输入框测试页面</h3>

		<table border="1px" style="border: 1px solid #ddd;" cellspacing="0" cellpadding="3">
			<tr>
				<td>&nbsp;</td>
				<td><div id="ptd0"></div></td>
				<td>&nbsp;</td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td>
					<input id="mytest" type="text" icon="date" value="对象绑定测试" />
				</td>
				<td>
					<input id="mytest2" type="text" source="myFun(this)" value="对象绑定测试" />
				</td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td><div id="ptd2"></div></td>
				<td>&nbsp;</td>
			</tr>
		</table>
		
	</body>


</html>